:root[data-theme='dark'] {
    --background: 240 4% 10%;
    --foreground: 0 0% 98%;
  
    --card: 240 4% 8%;
    --card-foreground: 0 0% 98%;
  
    --popover: 240 4% 8%;
    --popover-foreground: 0 0% 98%;
  
    --primary: 77 100% 74%;
    --primary-foreground: 0 0% 9%;
  
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
  
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
  
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
  
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
  
    --warning: 31 98% 50%;
    --warning-foreground: 0 0% 98%;
  
    --border: 345 4% 17%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
  
    --radius: 0.5rem;


    --background-color: #0c0d0f!important;
    --accent-color: #fff!important;
    --foreground-color: #9ea3a2!important;
    --sl-color-white: #f3f7f6!important;

    --surface: #0a0b0d!important;

    --sl-color-text: var(--foreground-color)!important;

    --sl-color-text-accent: var(--accent-color)!important;
    --sl-color-accent-high: var(--accent-color)!important;

    --sl-color-bg: var(--background-color)!important;
    --sl-rapide-ui-header-bg-color: var(--background-color)!important;
    --sl-color-bg-sidebar: var(--background-color)!important;
}

.sl-link-card {
    background-color: var(--surface)!important;
}

.hero .sl-link-button {
    background-color: var(--sl-color-text)!important;
    border-color: transparent!important;
    color: var(--sl-color-bg)!important;
    border-radius: 0.8rem!important;
    transition: opacity 0.2s ease-in-out!important;
    font-weight: 500!important;
}

:root[data-theme='dark'] .hero .sl-link-button {
    background-color: var(--accent-color)!important;
    color: var(--background-color)!important;
}

.hero .sl-link-button:hover {
    opacity: 0.8!important;
}

#_top {
    padding-top: 10px!important;
    padding-bottom: 30px!important;
}

.site-title {
    color:inherit !important;
    gap: 0.5rem !important;
}

:root[data-theme='dark'] .site-title {
    color:#fff !important;
}


.site-title img {
    width: 1.8rem !important;
} 

pre.shiki {
    border-radius: 0.5rem!important;
}